<template>
  <div>
    <h1>{{ msg }}</h1>
    <button @click="changeMsg">点击改变</button>
  </div>
</template>

<script>
export default {
  setup() {
    let msg = 'hello';
    let changeMsg = () => {
      console.log('事件触发了');
      msg = 'hehe';
    };
    // 在模板中需要使用的数据和函数 ，需要在Setup里返回，且返回的是对象集合
    return { msg, changeMsg };
  },
};
</script>
